The closeDrawerForPersistentLayout function is registered as a resize event listener. Since resize events fire rapidly during window resizing, executing DOM queries, querySelectorAll, and attribute modifications on every tick can cause significant layout thrashing and performance degradation (jank). Since we only need to reset the layout when the drawer is actually open, we can return early if the drawer is not checked.

function closeDrawerForPersistentLayout() {
    if (!window.matchMedia("(min-width: 60em)").matches) {
        return;
    }

    var drawerToggle = document.querySelector("#__drawer");
    if (!drawerToggle || !drawerToggle.checked) {
        return;
    }

    var drawerTrigger = document.querySelector("[data-drawer-trigger]");
    drawerToggle.checked = false;
    drawerToggle.dispatchEvent(new Event("change"));

    syncBackgroundInertState();
    if (drawerTrigger) {
        drawerTrigger.setAttribute("aria-expanded", "false");
        drawerTrigger.setAttribute("aria-label", "Open navigation");
    }
}

Since both the LTR and RTL rules set both the left and right margins to the same value (var(--docs-content-inset)), we can simplify these rules into a single, direction-independent declaration using the CSS logical property margin-inline. This is cleaner, more modern, and consistent with the existing use of margin-inline and padding-inline in this file.

Since both LTR and RTL rules apply the exact same margin: 0 to .md-sidebar--primary .md-nav__link, the direction-specific selectors are redundant. We can simplify this to a single selector.

We can simplify these direction-specific padding rules by using the CSS logical property padding-inline-end. This eliminates the need for separate [dir="ltr"] and [dir="rtl"] selectors, making the stylesheet cleaner and more maintainable.

Similarly, we can simplify these direction-specific padding rules using padding-inline-end to avoid redundant LTR/RTL selectors.